html, body {
	font:13px/20px Arial,"宋体",sans-serif;background:#fff;_font: 13px/20px \5b8b\4f53,Tahoma,sans-serif;*font: 13px/20px \5b8b\4f53,Tahoma,sans-serif;
    color: #333333;
    background-color:#fff;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    text-align: center;
    overflow-y: auto;
}

img{
    border:none;
}

a{
    text-decoration: none;
}

form{
    margin:0 !important;
    padding:0 !important;
}

.hide{
    display: none;
}

.unHide{
    display: block;
}

.clearfix{
    zoom:1;
}

.clearfix:after{
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
    text-align: left;
}

.textLeft{
    text-align: left;
}

.textCenter{

    text-align: center;
}

.textRight{
    text-align: right;
}

.fLeft{
    float:left;
}

.fRight{
    float:right;
}

.inputText:focus{
    background: #DCDCDC!important;
}

.textArea:focus{
    background: #DCDCDC!important;
}


.inputText.xxxs {
    width: 10% !important;
}

.inputText.xxs {
    width: 20% !important;
}

.inputText.xs {
    width: 30% !important;
}

.inputText.s {
    width: 40% !important;
}

.inputText.m {
    width: 50% !important;
}

.inputText.l {
    width: 60% !important;
}

.inputText.xl {
    width: 70% !important;
}

.inputText.xxl {
    width: 80% !important;
}

.inputText.xxxl {
    width: 90% !important;
}

.wrapper{
    width:100%;
    height:auto;
    float:left;
}

/*.header{
    width:100%;
    min-width:600px;
    height:65px;
    background-color: #1e71b1;
    float:left;
    !* overflow: hidden; *!
    position:absolute;
    left:0;
    top:0;
    right:0;
    z-index: 9999;
}*/
.header{
    width:100%;
    min-width:600px;
    height:65px;
    background-color: #1e71b1;
    /*float:left;*/
    overflow: hidden;
    /*position:absolute;
    left:0;
    top:0;
    right:0;
    z-index: 9999;*/
    position:relative;
}


.brand{
    width:200px;
    height:65px;
    /* float:left; */
    background: url(../img/brand.jpg) no-repeat center;
	position:absolute;
	left:0px;
	top:0px;
}

.main{
    width:98%;
    height:auto;
    float:left;
    margin-left:0%;
    _margin-left:0%;
    border:1px solid #ccc;
    background:#fff;
    box-shadow: 0 2px 2px 0 #e3e3e3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: left;

}

/*.main_left{
    width:160px;
    height:300px;
    background: #f5f5f5;
    position: relative;
    zoom:1;
    float:left;
    margin:0 -160px 0 0;

}

.main_right{
    width:100%;
    height:300px;
    background: #fff;
    float:right;
}

.main_right .section{
    height:100%;
    margin:0 0 0 160px;
    float:left;
}*/

.main_left{
    width:160px;
    height:100%;
    background: #f5f5f5;
    position: relative;
    zoom:1;
    float:left;

}

.main_right{
    height:auto;
    background: #fff;
    float:left;
}

.loginSection{
    width:100%;
    height: 100%;
    float:left;
    background: #fff;
}

.loginSection .loginHeader{
    width:100%;
    height:200px;
    float:left;
    background: #202020;
}

.loginSection .loginHeader .login_logo{
    width:500px;
    height:185px;
    margin:0 auto;
    background: url('../img/sinfor_login.jpg') no-repeat center bottom;
}

.loginSection .loginMain{
    float:left;
    width:100%;
    height:auto;
    background: #fff;
}


.footer{
    width:100%;
    height:35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    color:#333;
    float:left;
    font-weight: bold;
}

.footer a{
    color: #3498db;
}


.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
}
